<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
<!--

 文本格式化: 专门修饰文字的标签

        1. 样式化标签
            *加粗: b
            *倾斜: i
            *下划线: u
            *删除线: del
            *上标: sup
            *下标: sub
            *原样输出: pre

        2. 语义化标签 (相比样式化标签, 更容易被浏览器or程序员读懂)
            *强调: strong  (强调程度深一点)
            *强调: em      (强调程度浅一点)

            语义化标签:
            * 表面会呈现装饰效果
            * 优化搜索引擎
            * 易于团队维护代码, 提高代码可读性

-->

普通文本
    <b>加粗文本</b>
    <i>倾斜文本</i>
    <u>下划线</u>
    <br>

    <del>原价: 998</del>
    <b>现价: 2.8</b>
    <br>
    
    一元二次: 10 + X<sup>2</sup> = 100
    <br>
    二氧化硫: SO<sub>2</sub>
    <br>
    一元三次:20 +  X<sup>3</sup>=300
    <br>
    二氧化氮: NO<sub>2</sub>



    <pre>
     
       9
    *
       8
   _____________
      72

    </pre>
    <hr>

    <strong>老母鸡</strong>
    <em>小鸡</em>











</body>
</html>